﻿/************************************ input button *******************************/
input.btn
{
    font-size:12px;
    background: #fff url('images/controls/button/btn_bg.png') repeat 0px -1px;  
    padding: 5px 10px;
    *padding:3px 0;
    color: #000;  
    border:1px solid #617EA7;
    border-radius: 12px;  
    -moz-border-radius: 12px;  
    -webkit-border-radius: 12px;  
    -moz-box-shadow: 0 1px 3px #999;  
    -webkit-box-shadow: 0 1px 3px #999;  
    cursor: pointer;  
    margin-left:5px;
}
input.btn:hover
{
   background :url('images/controls/button/btn_bg.png') repeat 0px -31px;
   border-color:#EABE4E;
   color: #16095e;
}  
input.btn.disabled
{
   background:url('images/controls/button/btn_bg.png') repeat 0px -61px;
   border-color:#BABABC;
   color: #9FB5DD;
   cursor:not-allowed;
}
a.link,a.link:visited
{ 
    font:normal 13px Arial, Helvetica, sans-serif; 
    color:#99B41E; 
    text-decoration:underline;
    cursor:pointer;
}
a.link:hover
{
    color:#40CA30;
}
/************************************ button *******************************/
a.btn{
    background: url(images/controls/btn.png) no-repeat right -120px;
    padding:0 10px 0 0;
    margin-right:5px;
    height: 28px;
    border-width:0;
    cursor:pointer;
    display:inline-block;
    text-decoration:none !important;
}
a.btn > span{
     display: block;
     background: url(images/controls/btn.png) no-repeat 0 0;
     height: 28px;
     padding: 0px 0 0 10px;
     line-height: 28px;
     color:#000;
}
a.btn:hover
{
     background-position: right -150px;
}
a.btn:hover > span
{
    background-position: 0 -30px;
}
a.btn.bstyle_1
{
     background-position: right -180px;
}
a.btn.bstyle_1 > span
{
    background-position: 0 -60px;
}
a.btn.bstyle_1:hover
{
     background-position: right -210px;
}
a.btn.bstyle_1:hover > span
{
    background-position: 0 -90px;
}
a.btn.disabled span
{
    color: #9FB5DD;
    cursor:not-allowed;
}
/************************************ link button *******************************/
a.lbtn,a.lbtn:visited
{
    color:#4276C5;
    cursor:pointer;
}
a.lbtn:hover
{
    color:#40CA30;
}
a.lbtn.disabled
{
    color: #9FB5DD;
    cursor:not-allowed;
}
/************************************ icon *******************************/
a.icon
{
    width:16px;
    height:16px;
    background:url('images/controls/icons/icons.png') no-repeat 0 0;
    cursor:pointer;
    display:inline-block;
    margin-right:3px;
}
a.icon.add
{
    background-position:0 0;
}
a.icon.del
{
    background-position:-17px 0;
}
a.icon.ok
{
    background-position:-34px 0;
}
a.icon.cancel
{
    background-position:-51px 0;
}
a.icon.edit
{
    background-position:-68px 0;
}
a.icon.view
{
    background-position:-85px 0;
}
a.icon.save
{
    background-position:-102px 0;
}
a.icon.disabled
{
    opacity: 0.20;
    filter: alpha(opacity=20);
    color: #9FB5DD;
    cursor:not-allowed;
}
/************************************ input loading *******************************/
.loading
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=80);
    opacity: 0.80;
    background: #fff url('images/loading/loading1.gif') no-repeat center center;
}
.loading.l2
{
    background-image: url('images/loading/loading2.gif');
}
.loading.l3
{
    background-image: url('images/loading/loading3.gif');
}
.loading.l4
{
    background-image: url('images/loading/loading4.gif');
}
.loading.l5
{
    background-image: url('images/loading/loading5.gif');
}
.loading.l6
{
    background-image: url('images/loading/loading6.gif');
}
.loading.l7
{
    background-image: url('images/loading/loading7.gif');
}
/************************************ input text *******************************/
.txt
{
    padding:4px 1px 1px 3px;
    border: solid 1px #D9D9D9;
    /* background: url(images/controls/icons/string.png) no-repeat 2px 2px;*/
    height:19px;
    width:150px;
    background:#fff url(images/controls/txt_bg.png) repeat-x left top;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.txt.txtrange
{
    width:80px;
}
span.rangeto
{
    background:url(images/controls/icons/to.png) no-repeat center bottom;
    width:19px;
    height:20px;
    display:inline-block;
    margin:0px 2px;
    *background-position-y:center;
}
.txt.area
{
    width:400px;
    height:100px;
}
/*.txt.num 
{
    background-image: url(images/controls/icons/number.png);
}
.txt.date
{
    background-image: url(images/controls/icons/date.png);
    cursor: default;
}
.txt.cur
{
    background-image: url(images/controls/icons/rmb.png);
}
.txt.url,.txt.email
{
    background-image: url(images/controls/icons/string.png);
}
.txt.ddl
{
    background-image: url(images/controls/icons/ddl.png);
    cursor:pointer;
}
.txt.ddlmulti
{
    background-image: url(images/controls/icons/ddlmulti.png);
    cursor:pointer;
}
*/
.file
{
    width:300px;
    height:26px;
}
.txtlable
{
    background-image:none;
    padding:0;
    border-width:0px;
}
/*****************************************  Common Html 样式****************************************/
.htm_true
{
    display: inline-block;
    background: url("images/controls/icons/true.png") no-repeat center center;
    width: 16px;
    height: 16px;
}
.htm_false
{
    display: inline-block;
    background: url("images/controls/icons/false.png") no-repeat center center;
    width: 16px;
    height: 16px;
}
.upselector
{
    -moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;
}
/************************************ chooser *******************************/
.chooser
{
   overflow-x:hidden;
   overflow-y:auto;
   border: solid 1px #E5E5E5;
   background-color:#fff;
   display:none;
   position:absolute;
   width:170px;
   padding:2px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
}
.chooser ul
{
    padding:0;
}
.chooser li
{
    height:26px;
    line-height:26px;
    cursor:pointer;
    padding:0 2px 0 4px;
    border-top:solid 1px #E5E5E5;
    color:#000;
}
.chooser li.multi
{
    padding-left:20px;
    background: url(images/controls/chk.png) no-repeat 0  -105px;
}
.chooser li.multi.selected
{
    background: url(images/controls/chk.png) no-repeat 0 -156px;
}
.chooser li.selected
{
    background-color:#0296D9;
}
.chooser li:hover
{
    background-color:#F2F3F5;
}
.chooser div.empty
{
    cursor:pointer;
    background-color:#424542;
    height:28px;
    line-height:28px;
    color:#fff;
    padding:0 2px;
    font-weight:bold;
   -moz-border-radius:5px 5px 0 0;
   -webkit-border-radius:5px 5px 0 0;
}
.chooser div.empty a
{
    text-decoration:underline;
    margin-left:5px;
}
.chooserlist
{
    display:inline-block;
    *float:left;
}
.chooserlist ul
{
    padding:0;
}
.chooserlist li
{
    display:inline-block;
    *float:left;
    height:22px;
    line-height:22px;
    cursor:pointer;
    padding-left:20px;
    margin-right:5px;
    background:url(images/controls/chk.png) no-repeat 0 -8px;
}
.chooserlist li.selected
{
    background:url(images/controls/chk.png) no-repeat 0 -60px;
}
.chooserlist li.multi
{
    background: url(images/controls/chk.png) no-repeat 0 -108px;
}
.chooserlist li.multi.selected
{
    background: url(images/controls/chk.png) no-repeat 0 -159px;
}
/************************************ grid *******************************/
.gridview
{
    margin-bottom:10px;
    clear:both;
}
/* headgrid */
.gridview div.head
{
    border-width:0;
    height: 28px;
}
.gridheadpanel
{
   overflow:hidden;
}
.gridheader
{
    border-collapse: collapse;
    table-layout:fixed;
    border-left: #B5B5B5 1px solid;
}
.gridheader .gridth
{
    padding:0 2px;
    background: url(images/controls/grid/grid_header_bg.png)  repeat-x left 0;
}
.gridheader .gridth th
{
    height: 27px;
    border-right: #B5B5B5 1px solid;
    font-weight: normal;
    font-size: 12px;
    white-space:nowrap;
    padding:0 2px;
    border-bottom: #B5B5B5 1px solid;
}
.gridheader .gridth .resizer
{
    cursor: w-resize;
	float: right;
	display: block;
	width: 1px;
	border-left: dotted 2px #666;
}
.gridheader .gridth .thsort
{
   cursor:pointer;
}
.gridheader .gridth .sort
{
    width: 10px;
    float: left;
    background: url(images/controls/grid/grid_sort.gif) no-repeat left center;
}
.gridheader .gridth .sort.asc
{
    background: url(images/controls/grid/grid_sort_asc.gif) no-repeat left center;

}
.gridheader .gridth .sort.desc
{
    background: url(images/controls/grid/grid_sort_desc.gif) no-repeat left center;
}
.gridheader .gridth .thtext
{
}
.gridheader .gridth.seq
{
}
.gridheader .gridth.hid
{
    display: none;
}
/* data table */
.griddatapanel
{
    overflow:auto;
}
.grid
{
    border-collapse: collapse;
    table-layout:fixed;
}
.grid tr.gridrow
{
    background-color:#F6F8F9;
}
.grid tr.gridalterrow
{
    background-color: #EEF3F6;
}
.grid tr:hover
{
    background-color: #eee;
}
.grid td
{
    border-left: #B5B5B5 1px solid;
    border-bottom: #B5B5B5 1px solid;
    border-right: #B5B5B5 1px solid;
    padding:0 2px;
    height: 24px;
    text-align: left;
    white-space:normal;
}
.grid td.right
{
    text-align: right;
}
.grid td.center
{
    text-align: center;
}
.grid td.seq
{
    text-align: center;
}
.grid td.hid
{
    display: none;
}
.grid td.cur
{
    text-align: right;
    color: #42B642;
}
.grid .grid-lbtn,.grid .grid-lbtn:visited
{
    cursor:pointer;
    color:#C0504D;
}
.grid .grid-lbtn:hover
{
    text-decoration:underline;
}
.grid .grid-link
{
    cursor:pointer;
    text-decoration:underline;
    color:#001A92;
}
/************************************ pager *******************************/
.pager
{
    height:22px;
    padding:5px;
    background:url(images/baselayout/panel_t_bg.gif) repeat-x left -36px;
    /*background:url(images/controls/pager_bg.png) repeat-x;*/
    border:solid 1px #D3D3D3;
    width:400px;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-top:5px;
	margin-bottom:5px;
}
.pager .pgroup
{
    float:left;
    margin-right:5px;
    border-right:solid 1px #CCC;
    padding:0 5px;
}
.pager .pgroup a
{
    cursor:pointer;
    display:inline-block;
    width:20px;
    height:20px;
    background:no-repeat center center;
}
.pager .pgroup span
{
    font-size:12px;
    padding:2px;
}
.pager .pgroup .pfrist
{
    background-image:url(images/controls/pager/pager-first.png);
}
.pager .pgroup .pprev
{
    background-image:url(images/controls/pager/pager-prev.png);
}
.pager .pgroup .pnext
{
    background-image:url(images/controls/pager/pager-next.png);
}
.pager .pgroup .plast
{
    background-image:url(images/controls/pager/pager-last.png);
}
.pager .pgroup .preload
{
    background-image:url(images/controls/pager/pager-reload.png);
}
.pager input.pindex
{
    width:30px;
    height:14px;
}
.pager .psize
{
    margin:0;
}
.pager .ptotal
{
}
.pager .ptotalrecord
{
    display:inline-block;
}
.pager_simple
{
    border-width:0px;
    text-align:right;
    padding-right:50px;
    background-image:none;
}
.pager_simple a
{
    display:inline-block;
    height:22px;
    width:64px;
    text-align:center;
    margin-right:10px;
    line-height:22px;
    background:url(images/controls/pager/pager-btn.gif) no-repeat;
    cursor:pointer;
}
.pager_simple a.not
{
    color: #9FB5DD;
    cursor:not-allowed;
}
/************************************ pager *******************************/
.modal
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=50);
    opacity: 0.50;
    background-color:#000;
}
.modalpanel
{
    display:none;
	z-index: 3000;
	position: absolute;
    background-color:#fff;
    border:solid 1px #ccc;
    padding:2px;
}
.modalpanel .modalpanel-head
{
    height:20px;
    background: url(images/controls/modal/hd_bg.gif) repeat right center;
}
.modalpanel .modalpanel-title
{
    color:Navy;
    cursor:default; 
    text-align:left;
    padding:2px 0 0 2px;
}
.modalpanel .modalpanel-tool
{
    position:absolute;
    top:2px;
    right:2px;
}
.modalpanel .modalpanel-close
{
    display:block;
    background: url(images/controls/modal/hd_close.gif) no-repeat center center;
    height:19px;
    width:19px;
    cursor:pointer;
}
.modalpanel .modalpanel-content
{
    overflow:auto;
}
/************************************ valid *******************************/
.valid-error {
		position:absolute;
		top:300px; left:300px;
		display:block;
		z-index:2000;
		cursor:pointer;
		background:#ee0101;
		color:#fff;
		font-size:11px;
		border:2px solid #ddd;
		box-shadow: 0px 0px 6px #000;
		-moz-box-shadow: 0px 0px 6px #000;
		-webkit-box-shadow: 0px 0px 6px #000;
		padding:4px 10px 4px 10px;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		filter: alpha(opacity=80);
        opacity: 0.80;
}
/************************************ message *******************************/
.message
{
    display:none;
	position: absolute;
    background-color:#fff;
    border:solid 1px #ccc;
    padding:2px;
}
.message .message-head
{
    height:20px;
    background: url(images/controls/modal/hd_bg.gif) repeat right center;
}
.message .message-title
{
    color:Navy;
    cursor:default; 
    text-align:left;
    padding:2px 0 0 2px;
}
.message .message-tool
{
    position:absolute;
    top:2px;
    right:2px;
}
.message .message-close
{
    display:block;
    background: url(images/controls/modal/hd_close.gif) no-repeat center center;
    height:19px;
    width:19px;
    cursor:pointer;
}
.message .message-content
{
    min-height:40px;
    padding:3px;
}
.message .btns
{
    height:25px;
    padding:3px 0;
    text-align:center;
}
/************************************ menu *******************************/
.menu
{
    height: 40px;
    margin: 0px;
}
.menu ul
{
    padding: 0 0 0 15px;
    margin: 0px;
}
.menu ul li
{
    background:#333;
    border-bottom:solid 1px #1a1a1a;
    border-left:solid 1px #505050;
    border-top: solid 1px #404040;
    border-right:solid 1px #1a1a1a;
    float: left;
}
.menu ul li a
{
    display:block;
    padding: 10px 25px;
    text-decoration: none;
    font-size: 14px;
    line-height:1.3em;
    cursor:pointer;
    color:#fff;
}
.menu ul li a.selected 
{
    background-color: #CE5611; 
    border-top-color: #5db1e0 !important; 
    border-left-color: #5db1e0;
}
.menu ul li a:hover
{
    background-color: #4498c7; 
    border-top-color: #5db1e0 !important; 
    border-left-color: #5db1e0;
}
.menu ul li ul
{
    position:absolute;
    padding:0px;
    width:100px;
    display:none;
}
.menu ul li ul li a
{
    padding: 5px;
    width:100px;
    font-size:12px;
}
/************************************ Accordion *******************************/
.accordion
{
    width:220px;
}
.accordion dl
{
}
.accordion dl dt
{
	height:32px;
	cursor:pointer;
	padding-right:7px;
	margin-top:5px;
	color:#00538A;
	background:url(images/controls/accordion.png) no-repeat right -67px;
}
.accordion dl dt a
{
    padding-left:8px;
    display:block;
    background:url(images/controls/accordion.png) no-repeat 0 0;
    height:32px;
    line-height:32px;
    color:#597490;
    font-weight:bold;
}
.accordion dl dt.selected
{
    background:url(images/controls/accordion.png) no-repeat right -101px;
}
.accordion dl dt.selected a
{
    color:#fff;
    background:url(images/controls/accordion.png) no-repeat 0 -34px;
}
.accordion dd
{
	display:none;
	width:210px;
	margin:0 auto;
	background-color:#D8E5F2;
	border:solid 1px #94A3B4;
	border-top-width:0px;
}
.accordion dd ul li
{
}
.accordion dd ul li a
{
    padding-left:10px;
	display:block;
	height:28px;
	line-height:28px;
	color:#00538A;
	cursor:pointer;
	text-decoration:none;
}
.accordion dd ul li.selected a,.accordion dd  ul li a:hover
{
	color:#fff;
	background-color:#C5D5E6;
}
.accordion dd ul li ul
{
    position:absolute;
    padding:0px;
    width:100px;
    display:none;
}
.accordion ul li ul li a
{
    padding: 5px;
    width:100px;
    font-size:12px;
}
/************************************ tab *******************************/
.tabs {
    height: 29px;
    border-bottom: 1px solid #666;
}
.tabs > li{
    float: left;
    background: url(images/controls/tab/tab.png) no-repeat right -94px;
    padding-right:4px;
    margin-right:5px;
    height: 30px;
}
.tabs > li > a
{
    background: url(images/controls/tab/tab.png) no-repeat 0 0;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    color: #000;
    padding: 0px 8px 0 12px;
    margin: 0px;
    position: relative;
    cursor:pointer;
}
.tabs > li:hover
{
    background-position: right -125px;
}
.tabs > li:hover > a
{
     background-position: 0 -31px;
     color: #fff;
}
.tabs > li.selected
{
    background-position: right -156px;
}
.tabs > li.selected a
{
    background-position:0 -62px;
    color: #000;
    cursor:default;
}
.tab-content
{
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    min-height:100px;
    margin-bottom:10px;
}
.tab-content .tab-content-item
{
    display:none;
    padding:5px;
}
/************************************ datepicker *******************************/
.cal {
	margin-top:-1px;
	width:218px;
	background-color:#fff;
	font-size:11px;
	display:none;
	position:absolute;
	border-right:solid 1px #E6E6E6;
}
.cal .cal-head {
	height:32px;
	background:#fff url(images/controls/datepicker.png) no-repeat top left;
} 
.cal .cal-title {
	float:left;
	text-align:center;
	width:170px;
	height:32px;
	line-height:32px;
    font-size:13px;
    border-right:solid 1px #A0260B;
    border-left:solid 1px #A0260B;
}
.cal .cal-head div
{
    overflow:hidden;
}
.cal .cal-head ul {	
} 
.cal .cal-head li {
   height:12px;
   border:solid 1px #eee;
   padding:2px;
   float:left;
   margin:0 2px 2px 0;
} 
.cal .cal-title a
{
    cursor:pointer;
	font-size:14px;
	color:#fff;
    font-weight:bold;
    text-shadow:0 1px 0 #ddd;
}
.cal .cal-title a:hover
{
    color:#EF9024;
}
.cal .cal-next, .cal .cal-prev {
	display:block;
	width:23px;
	height:32px;
	float:left;
	cursor:pointer;
}
.cal .cal-next:hover,.cal .cal-prev:hover
{
    background:url(images/controls/datepicker.png) no-repeat -43px -38px;
}
.cal .cal-next {
	float:right;
}
.cal .cal-prev.caldisabled, .cal .cal-next.cal_disabled {
	visibility:hidden;	
}
.cal a.cal-year
{
    margin-right:5px;
}
.cal a.cal-month
{}
.cal .cal-selector
{
    width:217px;
    position:absolute;
    top:32px;
    left:1px;
    background-color:#fff;
    display:none;
    height:208px;
    overflow-y:auto;
}
.cal .cal-selector div
{
    font-size:12px;
	color:#0150D1;
    font-weight:bold;
    height:24px;
    line-height:24px;
    padding-left:4px;
}
.cal .cal-selector span
{
    padding:2px 0;
    text-align:center;
    display:block;
}
.cal .cal-selector ul
{
    width:196px;
    margin:0 auto;
}
.cal .cal-selector li
{
    border:solid 1px #B9B9B9;
    display:block;
    cursor:pointer;
    text-align:center;
    background:url(images/controls/datepicker.png) no-repeat  0px -72px;
    width:59px;
    height:29px;
    line-height:29px;
    margin:4px 4px 0 0;
    float:left;
}
.cal .cal-selector li:hover,.cal .cal-selector li.current
{
    background:url(images/controls/datepicker.png) no-repeat -59px -72px;
}
.cal .cal-body
{
    border-left:1px solid #E6E6E6;
    height:178px;
}
.cal .cal-days {
	height:22px;
	/*border-right:1px solid #E6E6E6;*/
	line-height:22px;
}
.cal .cal-days span {
	display:block;
	float:left;
	width:31px;
	text-align:center;
	color:#9E9E9E;
}
.cal .cal-weeks {
	background-color:#fff;
}
.cal .cal-week {
	clear:left;
	height:25px;
}
.cal .cal-week a {
	display:block;
	float:left;
	width:31px;
	height:25px;
	text-decoration:none;
	font-size:13px;
	text-align:center;
	line-height:25px;
	color:#000;	
	cursor:pointer;
	border:solid 1px #E6E6E6;
	border-width:1px 0px 0px 0px;
	font-family:Verdana;
} 
.cal .cal-week a:hover, .cal .cal-focus {
	background:url(images/controls/datepicker.png) repeat-x -72px -38px;
}
.cal a.cal-sun {
	color:red;
	border-left-width:0px;		
}
.cal a.cal-off {
	color:#ccc;
}
.cal a.cal-off:hover {
	background-color:rgb(245, 245, 250);		
}
.cal a.cal-disabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}
.cal .cal-current {
	color:#fff !important;
	background:url(images/controls/datepicker.png) no-repeat 0px -38px;
}
.cal .cal-today {
	color:#fff;
}
.cal .cal-tools {
    border:solid 1px #E6E6E6;
    border-right-width:0px;
	width:100%;
	text-align:right;
	height:28px;
	padding-top:2px;
}
.cal .cal-tools a{
    background:url(images/controls/datepicker.png) no-repeat  0px -72px;
    width:50px;
    height:24px;
    line-height:24px;
    display:block;
    float:right;
    margin-right:5px;
    text-align:center;
    cursor:pointer;
    border:solid 1px #B9B9B9;
}
.cal .cal-tools a:hover
{
    background:url(images/controls/datepicker.png) no-repeat -61px -72px;
}
.cal .cal-tools .cal-time
{
    width:50px;
    height:24px;
    line-height:24px;
    display:block;
    float:left;
}
.cal .cal-tools .cal-time span
{
    font-size:14px;
    margin-left:3px;
    font-weight:bold;
    cursor:pointer;
}
.cal .cal-tools .cal-time span:hover
{
    color:#EF9024;
}
.cal .cal-hourlist li,.cal .cal-minuteslist li
{
    width:40px;
    height:24px;
    line-height:24px;
}
.cal .cal-minuteslist li
{
    width:26px;
    height:18px;
    line-height:18px;
}
/************************************ Tree *******************************/
.tree
{
    border:solid 1px #DBDBD3;
    padding:3px;
}
.tree ul
{

}
.tree ul li
{
	margin-top:2px;
	white-space:nowrap;
}
.tree ul li a
{
    background:url(images/controls/tree/file.png) no-repeat left center;
    cursor:pointer;
	padding:2px 2px 2px 17px;
	display:inline-block;
	height:16px;
	line-height:16px;
	text-decoration:none;
	white-space:nowrap;
}
.tree ul li a.dir
{
    background:url(images/controls/tree/folder.png) no-repeat left center;
}
.tree ul li a.dir.opend
{
	background:url(images/controls/tree/folder_open.png) no-repeat left center;
}
.tree ul li a.selected
{
    border:solid 1px #99DEFD;
    background-color:#BEEBFF;
    padding:1px 1px 1px 16px;
}
.tree ul li a:hover
{
    border:solid 1px #D8F0FA;
    background-color:#E7F4F9;
    padding:1px 1px 1px 16px;
}
.tree ul li span
{
    display:inline-block;
}
.tree ul li samp
{
    background:url(images/controls/tree/checkboxs.png) no-repeat 0 0;
    display:inline-block;
    width:16px;
    height:13px;
    cursor:default;
    filter:left;
}
.tree ul li samp.selected
{
    background-position: 0 -12px;
}
.tree ul li samp.had
{
    background-position: 0 -24px;
}
.tree ul li ul
{
    margin-left:20px;
    display:none;
}
.tree .tree-content
{
    overflow:auto;
}
.tree-filter
{
    border-bottom:solid 1px #ddd;
    padding-bottom:3px;
    height:22px;
}
.tree-filter .tree-filter-txt
{
    width:100px;
    height:16px;
    margin-right:3px;
}
.tree-filter a
{
    font-size:11px;
    padding:2px;
    border:solid 1px #B5D6E6;
    background-color:#F0F7FC;
    cursor:pointer;
    margin-right:3px;
}
.tree-filter-list
{
    display:none;
    position:absolute;
    border: solid 1px #9FAFBB;
    background-color:#F5F5F5;
    overflow-x:hidden;
    overflow-y:auto;
    outline:none;
    width:120px;
}
.tree-filter-list ol
{
}
.tree-filter-list ol li
{
    width:100%;
    height:20px;
    line-height:20px;
    cursor:pointer;
    padding:0 2px 0 4px;
    background:none;
}
.tree-filter-list ol li.selected
{
    background-color:#FBEC88;
}
/************************************ StructTree *******************************/
.structtree
{
    border:solid 1px #DBDBD3;
    padding:3px;
}
.structtree ul
{}
.structtree ul li
{
	white-space:nowrap;
	background:url(images/controls/tree/tree-line.png) no-repeat 0 0;
	padding: 4px 0 0 15px;
}
.structtree ul li.root
{
    background:none;
    padding:0;
    margin-top:5px;
}
.structtree ul li.end
{
	background:url(images/controls/tree/tree-lineend.png) no-repeat 0 0;
}
.structtree ul li.dir
{
    padding-left:11px;
    background-position:-4px 0;
    border-left:solid 4px #757575;
}
.structtree ul li a
{
    background-color:#fff;
    cursor:pointer;
	padding:0px 4px;
	display:inline-block;
	height:22px;
	line-height:22px;
	text-decoration:none;
	white-space:nowrap;
	border:#9292a1 1px solid;
	color:#000;
	font-size:12px;
    text-align:center;
}
.structtree ul li a.dir
{
    background-color:#eee;
    font-weight:bold;
}
.structtree ul li a.dir.opend
{
    background-color:#bbb;
    color:#fff;
}
.structtree ul li a.selected
{
    background-color:#fff;
}
.structtree ul li a:hover
{
    background-color: #EBF5FD;
}
.structtree ul li span
{
    display:inline-block;
}
.structtree ul li samp
{
    background:url(images/controls/tree/checkboxs.png) no-repeat 0 0;
    display:inline-block;
    width:16px;
    height:13px;
    cursor:default;
    filter:left;
}
.structtree ul li samp.selected
{
    background-position: 0 -12px;
}
.structtree ul li samp.had
{
    background-position: 0 -24px;
}
.structtree ul li ul
{
    padding-left:4px;
    display:none;
}
.structtree .tree-content
{
    overflow:auto;
}
/************************************ tooltip *******************************/
.ctrtip
{
    cursor:help;
}
.tooltip {
		position:absolute;
		display:none;
}
.tooltip .tipcontent
{
    position:relative;
    left:12px;
    background-color:#F1F1F1;
	font-size:11px;
	border:1px solid #A5A2A5;
	padding:5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    min-height:30px;
    *left:-1px;
}
.tooltip .tiparrow
{
    z-index:100;
    position:relative;
    top:5px;
    left:0px;
    float:left;
    width:13px;
    height:25px;
    background:url(images/controls/tooltip/arrow.png) no-repeat center 0;
}
/************************************ Struct *******************************/
.struct
{
    padding:3px 3px 30px 3px;
    text-align:center;
}
.struct ul
{
    width:100%;
    text-align:center;
    vertical-align:top;
}
.struct ul li
{
	white-space:nowrap;
	width:116px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
.struct ul li a
{
    background:url(images/controls/struct/struct.png) no-repeat center 0;
    cursor:pointer;
	padding:2px 2px 2px 2px;
	display:inline-block;
	height:36px;
	line-height:36px;
	text-decoration:none;
	white-space:nowrap;
	width:105px;
	color:#000;
	font-size:12px;
	font-weight:bold;
}
.struct ul li a:hover
{
    background-position:center -41px;
}
.struct .vline
{
    width:100%;
    text-align:center;
    padding:0;
}
.struct .vline div
{
    background-color:#757575;
    height:20px;
    width:4px;
    display:inline-block;
}
.struct .hline
{
    width:100%;
    padding:0;
    text-align:left;
}
.struct .hline div
{
    background-color:#757575;
    height:4px;
    display:inline-block;
}
.struct ul li.vertical
{
	width:50px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	white-space:normal;
}
.struct ul li.vertical a
{
    background:url(images/controls/struct/struct_v.png) no-repeat 0 center;
    cursor:pointer;
	padding:10px 2px 10px 2px;
	display:inline-block;
	height:89px;
	text-decoration:none;
	padding:20px 2px 20px 2px;
	width:36px;
	height:69px;
	padding:10px 12px 10px 12px\9;
	width:16px\9;
	height:89px\9;
	color:#000;
	word-wrap:break-word;
	white-space:normal;
	line-height:15px;
    text-align:center;
    writing-mode:tb-rl;
	vertical-align:middle;
}
.struct ul li.vertical a:hover
{
    background-position:-41px center;
}
.struct div.struct-content
{
    overflow:auto;
}
.struct div.struct-content.move
{
    cursor:all-scroll;
}
.struct div.struct-tools
{
    text-align:left;
    padding:2px 0px 2px 5px;
    height:28px;
    width:100%;
}
.struct div.struct-tools a
{
    padding:4px 4px 0 0;
    display:inline-block;
    height:32px;
    width:32px;
    cursor:pointer;
}
.struct div.struct-tools a.zoomfit,.struct div.struct-tools a.zoomfit.max:hover
{
     background:url(images/controls/struct/zoom-fix.png) no-repeat 0 0;
     zoom:0.9;
     -moz-transform: scale(0.9); 
}
.struct div.struct-tools a.zoomfit:hover,.struct div.struct-tools a.zoomfit.max
{
    padding:0;
    zoom:1;
    -moz-transform: scale(1); 
}
/************************************ viewer *******************************/
.viewer
{
    text-align:left;
    padding:2px 0px 2px 5px;
    height:28px;
    width:100%;
}
.viewer a
{
    padding:4px 4px 0 0;
    display:inline-block;
    height:32px;
    width:32px;
    cursor:pointer;
}
.viewer a.zoomfit,.viewer a.zoomfit.max:hover
{
     background:url(images/controls/struct/zoom-fix.png) no-repeat 0 0;
     zoom:0.9;
     -moz-transform: scale(0.9); 
}
.viewer a.zoomfit:hover,.viewer a.zoomfit.max
{
    padding:0;
    zoom:1;
    -moz-transform: scale(1); 
}
/************************************ sitemap *******************************/
.sitemap
{
    background:url(images/controls/sitemap/sitemap_bg.png) repeat-x;
    height:34px;
}
.sitemap ul
{
    background:url(images/controls/sitemap/sitemap.png) no-repeat right -37px ;
    height:34px;
}
.sitemap ul li.sitemap_start a
{
    background:url(images/controls/sitemap/sitemap.png) no-repeat left 0px;
}
.sitemap ul li
{
    display:block;
    float:left;
}
.sitemap ul li.current a
{
    color:#00D7FF;
}
.sitemap ul li a:hover
{
    color:#F9B02D;
}
.sitemap ul li a
{
    font:13px Arial, Helvetica, sans-serif;
    display:block;
    height:34xp;
    line-height:34px;
    background:url(images/controls/sitemap/sitemap.png) no-repeat left -76px;
    padding:0 10px 0 30px;
    cursor:pointer;
    text-decoration:none;
    color:#000;
}
/************************************ reditor *******************************/
.reditor
{
    
}
.reditor div.reditor-head
{
    
}
.reditor iframe.reditor-body
{
    clear:both;
    display:block;
}
.reditor div.reditor-foot
{
    
}
.reditor div.reditor-head a
{
    float:left;
    display:block;
    margin:2px 5px 0 0;
    width:16px;
    height:16px;
    cursor:pointer;
}
.reditor-head a.bold
{
    background:url(images/controls/reditor/text_bold.png) no-repeat;
}
